import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home'
import Test from '../views/test'
import Lifecycle from '../views/lifecycle'
import VuexDemo from '../views/VuexDemo'
import SassDemo from '../views/SassDemo'
import routerDemo from '../views/routerDemo'
import styleDemo from '../views/styleDemo'
import conditionDemo from '../views/conditionDemo'
import loopDemo from '../views/loopDemo'
import tableDemo from '../views/tableDemo'
import computedDemo from '../views/computedDemo'
import watchDemo from '../views/watchDemo'
import ScrollDemo from '../views/ScrollDemo'
import DraggableDemo from '../views/DraggableDemo'
import DraggableDemo1 from '../views/DraggableDemo1'
import SliderDemo from '../views/SliderDemo'
import SliderDemo1 from '../views/SliderDemo1'
import FrameDemo from '../views/FrameDemo'
import DataPicker from '../views/DataPicker'
import npmDemo from '../views/npmDemo'

Vue.use(VueRouter)

const router = new VueRouter({
    routes: [{
        path: '/',
        component: Home
    }, {
        path: '/test',
        component: Test
    }, {
        path: '/lifecycle',
        component: Lifecycle
    }, {
        path: '/VuexDemo',
        component: VuexDemo
    }, {
        path: '/SassDemo',
        component: SassDemo
    }, {
        path: '/routerDemo',
        component: routerDemo
    }, {
        path: '/styleDemo',
        component: styleDemo
    }, {
        path: '/conditionDemo',
        component: conditionDemo
    }, {
        path: '/loopDemo',
        component: loopDemo
    }, {
        path: '/tableDemo',
        component: tableDemo
    }, {
        path: '/computedDemo',
        component: computedDemo
    }, {
        path: '/watchDemo',
        component: watchDemo
    }, {
        path: '/ScrollDemo',
        component: ScrollDemo
    }, {
        path: '/DraggableDemo',
        component: DraggableDemo
    }, {
        path: '/DraggableDemo1',
        component: DraggableDemo1
    }, {
        path: '/SliderDemo',
        component: SliderDemo
    }, {
        path: '/SliderDemo1',
        component: SliderDemo1
    }, {
        path: '/FrameDemo',
        component: FrameDemo
    }, {
        path: '/DataPicker',
        component: DataPicker
    }, {
        path: '/npmDemo',
        component: npmDemo
    }, ]
})

export default router